<template>
	<div class="zongheTongji" v-if="this.tongjiShow==true">
		<p>课件组：{{updateTitle}}</p>
		<a @click="tongjiclose" class="tongjiclose">&#10005;</a>
		<div class="listDiv">
			<div>
				<b style="color:#9933CC"><i></i>参与人数</b>
				<span>{{zonghe_1}}</span>
			</div>
			<div>
				<b style="color:#FF33CC"><i></i>完课率</b>
				<span>{{zonghe_2}}</span>
			</div>
			<div>
				<b style="color:#0099CC"><i></i>课件目录</b>
				<span>{{zonghe_3}}</span>
			</div>
			<div>
				<b style="color:#1AB394"><i></i>内容评价</b>
				<span>{{zonghe_4}}</span>
			</div>
			<div>
				<b style="color:#FF6600"><i></i>点赞</b>
				<span>{{zonghe_5}}</span>
			</div>
		</div>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				updateTitle:'',
				tongjiShow:false,
				zonghe_1:'',
				zonghe_2:'',
				zonghe_3:'',
				zonghe_4:'',
				zonghe_5:'',
			}
		},
		methods: {
			tongjiAPI(){
            	let that = this;
            	this.updateTitle = that.$parent.updateTitle;
            	if(this.$parent.labelType=='courseware'){
            		this.transitionId = this.$parent.liveId;
            	}else{
            		this.transitionId = this.$parent.rowId;
            	}
            	this.$ajax({
                    url: this.$root.jifuUrl + '/mns/coursewareGroup/coursewareGroupZonghetongjiV2',
					headers:{'ContentType': 'application/json; charset=utf-8'},
                    method: 'POST',
                    data: {courseid:this.transitionId},
                    success: res => {
                        if(res.data.code == 200) {
							let resData = res.data.data;
							this.zonghe_1 = resData.canyurenshu;
							this.zonghe_2 = resData.wanchenglv;
							this.zonghe_3 = resData.kechengxiaojie;
							this.zonghe_4 = resData.neirongpingjia;
							this.zonghe_5 = resData.dianzan;
                        }
                    }
                });
            },
            tongjiclose(){
            	this.tongjiShow = false;
            }
		}
	}
</script>